<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="${ctx.resource}/css/coupon/qrcode-coupon.css" rel="stylesheet">
  </head>
  <body>
    <img src="${ctx.resource}/image/coupon/qrcode-coupon-banner.png" alt="" class="coupon-banner">
    <div class="fs-coupon-wrap">
      <c:forEach var="coupon" items="${coupons}">
        <div class="coupon-item">
          <div class="coupon-inner">
            <div class="coupon-cover">  
              <img src="${ctx.resource}/image/coupon/qrcode-coupon-${coupon.amount}.png">
            </div>
            <ul>
              <li>${coupon.templateName} </li>
              <li>
                <fmt:formatDate value="${coupon.effectiveEndDate}" pattern="yyyy-MM-dd"/>
                到期
              </li>
              <li>满￥${coupon.template.minAmount / 100}可用</li>
            </ul> 
          </div>
        </div>
      </c:forEach>
    </div>
    <p class="coupon-title">红包已放入您的账户</p>
    <a href="${ctx.host}/index" class="coupon-btn">轻轻一点,一身瘦用</a>
    <div class="activity-rules">
      <h6>活动规则</h6>
      <p>1.&nbsp;红包新老用户共享</p>
      <p>2.&nbsp;红包不可与其他优惠叠加使用</p>
      <p>3.&nbsp;红包获取仅限微信用户</p>
      <p>4.&nbsp;红包截至时间为2017年12月31日</p>
      <p>5.&nbsp;其他未尽事宜，请咨询客服 4001861101</p> 
    </div>
  </body>
</html>
